$(function(){
    
    document.getElementById('form').reset();
    
    $("#form").validate({
        onfocusout: function (element) {
            $(element).valid();
        },
        submitHandler: function (element) {
            
            $.post(URLBASE+'/'+CONTROL+'/solicitacao', $(element).serialize(), function(data){                  
                if(data.ok){
                    $('#script').html(data.script);
                } else{
                    alert(data.msg);
                    $('#script').html(data.script);
                }
            }, 'json');
            
            return false;
        },
        errorPlacement: function(error, element) 
        {
            element.attr('title', error.text());
            $(".error").tooltip({   
                position: {
                    my: "center bottom-10",
                    at: "right top",
                    using: function(position, feedback) {
                        $(this).css(position);
                        $("<div>").addClass("arrow").addClass(feedback.vertical).addClass(feedback.horizontal).appendTo(this);
                    }
                },
                tooltipClass: "ttError"
            }); 
        }
    });
    
    $('.ver_outras_cores').click(function(){
       if($('.outras_cores').css('display') == 'none') $('.outras_cores').fadeIn();
       else $('.outras_cores').fadeOut();
    });
    $('.cnt-gra-sel-cores li').click(function(){
        $('.cnt-gra-sel-cores li').removeClass('action');
        $('.cnt-gra-sel-cores').find('span.img_sel').remove();
        $(this).find('input').prop('checked',false);
        
        $(this).addClass('action');
        $(this).append('<span class="img_sel"></span>');
        $(this).find('input').prop('checked', true);
    });
    
    var limit = 2;
    var count = 0;
    $('.cnt-gra-sel-cores-det li').click(function(){
        if(count < limit) {
            if($(this).find('input').attr('checked')){
                $(this).removeClass('action');
                $(this).find('input').attr('checked',false);
                $(this).find('span.img_sel_det').remove();
                if(count > 0) count--;
            }else{
                $(this).addClass('action');
                $(this).find('input').attr('checked',true);
                $(this).append('<span class="img_sel_det"></span>');
                count++;
            }
        } else{ 
            if($(this).find('input').attr('checked')){
                $(this).removeClass('action');
                $(this).find('input').attr('checked',false);
                $(this).find('span.img_sel_det').remove();
                if(count > 0) count--;
            }
        }
    });
    
    $('.tam li').click(function(){
        if($(this).find('input').attr('checked')){
            $(this).removeClass('action');
            $(this).find('input').attr('checked',false);
            $(this).find('span.img_sel').remove();
        }else{
            $(this).addClass('action');
            $(this).find('input').attr('checked',true);
            $(this).append('<span class="img_sel"></span>');
        }
    });
    
});
